<script language="javascript">
    // apply filters
    var applyFilter = function()
    {
        
    }
    jQuery(document).ready(function(){
        jQuery("#list").jqGrid({
            url: '<?php echo site_url() ?>/gproduccion/dataProcesoDos/',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','Referencia', 'Tipo','C. Servicio','Jurisdic.','Provincia','Registro','Fecha R.','D.U.','Etapa A.','Estatus','Etapa',
                      'Total','User','Responsable'],
                      colModel :[
                          {name:'IdCompania', index:'IdCompania', width:5,hidden:true},
                          {name:'NombreCompania', index:'NombreCompania', width:60},
                          {name:'IdServicio', index:'IdServicio', width:35},
                          {name:'cServicio', index:'clasificacion_servicios', width:25},
                          {name:'IdJurisdiccion', index:'IdJurisdiccion', width:8,hidden:true},
                          {name:'provincia', index:'IdProvincia', width:30,hidden:true},
                      	  {name:'FechaUsrCompania', index:'FechaUsrCompania', width:30},
                      	  {name:'conctato', index:'Responsable', width:30},
                      	  {name:'dias', index:'NombreCompania', width:15},
                      	  {name:'IdEtapa',index:'idStatu',width:25},
                      	  {name:'IdEstatus',index:'idStatu',width:25},
                      	  {name:'Etapa', index:'Etapa', width:20},
                      	  {name:'Total', index:'Total', width:20},
                      	  {name:'User', index:'IdUsuario', width:25},
                      	  {name:'Responsable', index:'Responsable', width:35}],
            pager: jQuery('#pager'),
            hiddengrid: true,
            sortname: 'IdCompania',
            rowNum:30,       
            rowList:[30,40,50,60,70],
            sortorder: "DESC",
            height: '100%',
            width: '620',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: false,
            onSelectRow: function(ids) 
            {
            	if(ids != null) 
            	{
            		var rec = jQuery("#list").getRowData(ids);
            		lol=ids;
            	}
            	
            },
            adjacents: 4,
            jsonReader: { repeatitems : false, id_Categoria: "0" }
        }).navGrid('#pager',{add:false,del:false,edit:false,search:false,position:"left"})
        
         .navButtonAdd('#pager',{caption:"", buttonimg: _base_url + "public/css/jqgrid/flex/images/text_columns.png", onClickButton:function(){ jQuery("#list").setColumns();} })
         
         $('#apply_filter').bind('click', applyFilter);
    });
  
</script>
<div class="table_container">
<table>

    <tr>
    	<td><div id="titulo">Lista de Compa&ntilde;ias en DFP</div></td>
    </tr>
   
	 <tr>
        <td>
            <table id="list" class="scroll"></table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
        </td>
	</tr>
		
 </table>
</div>

